<template>
  <a-menu
    theme="dark"
    mode="inline"
    class="menu-con"
  >
    <dynamic-sub-menu :list="list"></dynamic-sub-menu>
  </a-menu>
</template>
<script lang="ts">
import { defineComponent, PropType, ref, watch } from "vue";

import DynamicSubMenu from './DynamicSubMenu.vue'
interface IMenuItem {
  id: string,
  icon: string,
  title: string,
  path: string,
  children?: IMenuItem[]
}
interface IProps {
    list: IMenuItem[]
}
export default defineComponent({
  name: "dynamic-menu",
  components: {
    DynamicSubMenu
  },
  props: {
      list: {
          required: true,
          type: Array as PropType<IMenuItem[]>,
          default() {
              return []
          }
      }
  },
  setup(props:IProps ) {


    return {

    };
  },
});
</script>
<style lang="scss">
</style>